<template>
  <div class="liebiao">
    <ul>
      <li>
        <div class="name">头像</div>
        <div class="go">
          <img src="/img/shezhi_03.jpg" alt="" />
          &gt;
        </div>
      </li>
      <li>
        <div class="name">昵称</div>
        <div class="go"><span class="telnum">13201564545</span>&gt;</div>
      </li>
    </ul>
    <ol>
      <li>
        <div class="name">修改密码</div>
        <div class="go">&gt;</div>
      </li>
      <li>
        <div class="name">支付设置</div>
        <div class="go">&gt;</div>
      </li>
      <li>
        <div class="name">淘宝账号</div>
        <div class="go">&gt;</div>
      </li>
      <li>
        <div class="name">微信号</div>
        <div class="go">&gt;</div>
      </li>
      <li>
        <div class="name">3839淘电商服务条款</div>
        <div class="go">&gt;</div>
      </li>
      <li>
        <div class="name">关于</div>
        <div class="go">&gt;</div>
      </li>
    </ol>
    <dl>
      <dt>退出登录</dt>
    </dl>
  </div>
</template>

<script>
export default {

};
</script>

<style scoped>
ul{
    margin-bottom: 6rem;
}
li {
  height: 54rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24rem;
  background: #fff;
}
.name{
    color: #656668;
}
.go{
    font-family: '黑体';
    color: #b9bbba;
}
.go img{
    width: 38rem;
    height: 38rem;
    vertical-align: middle;
    margin-right: 3rem;
}
.telnum{
    margin-right: 8rem;
}
dt{
    text-align: center;
    height: 54rem;
    line-height: 54rem;
    background: #fff;
    margin-top: 30rem;
}
</style>
